html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #f4f9ff;

  a {
    text-decoration: none;
    outline: none;
  }
}

html,
body,
div,
input,
select,
textarea,
span,
table,
th,
td {
  font-family: 'PingFangSC', 'PingFangSC-Regular';
  // font-size: $fontSize16;
}

#app {
  height: 100%;
}

.v-l {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction: column;
}

.h-l {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction: row;
}

.flex {
  flex: 1;
}

.h-center {
  align-items: center;
}

.v-center {
  justify-content: center;
}

.space-between {
  justify-content: space-between;
}

.space-tab {
  margin-top: 20px;
}

.ant-popover-placement-bottom .ant-popover-arrow {
  display: none !important;
}

.ant-popover-placement-bottom {
  left: auto !important;
  right: 0 !important;
}

.ant-input {
  // background: transparent !important;
  // border: 1px solid #DCDFE6 !important;
}

.ant-table {
  .ant-radio-wrapper {
    margin-right: 0 !important;
  }

  .ant-table-thead > tr > th {
    font-weight: bold;
  }

  .ant-table-tbody > tr > td,
  .ant-table-thead > tr > th {
    padding: 5px 10px;
  }

  .ant-input {
    // background: transparent;
    // border: 1px solid transparent !important;
  }
}

.ant-modal-header {
  background-color: #3e456b !important;

  .ant-modal-title {
    color: #fff !important;
  }
}

.ant-modal-close-x {
  color: #fff !important;
}

.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(20px);
  opacity: 0;
}
